/*声明 WebFont*/

// @font-face {
//     font-family: 'myFont';
//     src: url('../assets/fonts/test.ttf');
// }
.type1.content {
    margin: auto;
    width: 400px;
    line-height: 100px;
    background: #cccccc;
    text-align: center;
}

.type2 {
    position: relative;
    margin: auto;
    width: 500px;
    height: 250px;
    text-align: center;
    border: 1px solid #f00;
    .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        background: #cccccc;
    }
}

.type3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 500px;
    height: 250px;
    border: 1px solid #f00;
    text-align: center;
    .content {
        width: 400px;
        background: #cccccc;
    }
}